$(function(){

    let params={
        key:'',	
       // string	搜索关键词，可以为空，为空返回某类型所有文章
        type:'',	
        //string	文章类型id，可以为空，为空返回所有类型文章
        state:'',	
       // string	文章状态，草稿 ，已发布,为空返回所有状态文章
        page:1,	
        //number	当前页，为空返回第1页
        perpage:10
        //number	每页显示条数，为空默认每页6条
    }
    articleQuery()
    function articleQuery(){
        $.ajax({
            url:'http://localhost:8080/api/v1/admin/article/query',
            headers:{
                Authorization:localStorage.getItem('token')
            },
            data:params,
            success(res){
                // console.log(res)
               
                let html=template('tbody_tirps',res.data)
                $('#table_tbody tbody').html(html)
                let totalCount=res.data.totalCount
                // console.log(totalcount)
                renerpager(totalCount)
            }
        })
    }

function renerpager(totalCount){
    

        var laypage = layui.laypage;
        // console.log(laypage)
        //执行一个laypage实例
        laypage.render({
          elem: 'pager' ,//注意，这里的 test1 是 ID，不用加 # 号
          count: totalCount ,//数据总数，从服务端得到
          limit:params.perpage,//每页最多行数
          curr:params.page,//第几页,页数
          jump(obj,first){
            //   console.log(obj,first)
              if(!first){
                  params.page=obj.curr
                  articleQuery()
              }
          }
        })

    }
    //获取搜索条件 
    getArticleQuery()
    function getArticleQuery(){
        $.ajax({
            url:'http://localhost:8080/api/v1/admin/category/list',
            headers:{
                Authorization:localStorage.getItem('token')
            },
            success(res){
                // console.log(res)
                if(res.code===200){
                    const html=res.data.reduce((html, value) => html += `<option value='${value.id}'>${value.name}</option>`, '<option value="">所有分类</option>')
                    $('#selCategory').html(html)
                }else{
                    console.log('失败',res)
                }
            }
        }) 
    }
    //筛选点击事件
    $('#btnSearch').on('click',function(){
        params.key = $("#aname").val().trim();
        // 文章类型的id  原生的select标签的知识   (option value= id   获取选中的值 可以看成是普通的输入框来获取)
        params.type = $("#selCategory").val();
        // 文章发布状态 
        params.state = $("#selStatus").val();

        params.page=1
        articleQuery()
    })

    //重置按钮
    $('#btnReset').on('click',function(){
        $("#aname").val('')
        // 文章类型的id  原生的select标签的知识   (option value= id   获取选中的值 可以看成是普通的输入框来获取)
         $("#selCategory").val('')
        // 文章发布状态 
         $("#selStatus").val('')

         params={
             key:'',
             type:'',
             state:'',
             page:1,
             perpage:10
         }
         articleQuery()
    })

    //删除按钮
    $('#table_tbody').on('click','.delete',function(){
        layer.confirm('您是否要删除',(index)=>{
            let id=$(this).parents('tr').data('id')
        $.ajax({
            url:'http://localhost:8080/api/v1/admin/article/delete',
            type:'post',
            data:{id},
            headers:{
                Authorization:localStorage.getItem('token')
            },
            success(res){
                if(res.code==200){
                    articleQuery()
                    layer.close(index)
                }else{
                    console.log('失败',res)
                }
            }
        })
        })
    })
})